<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="sdk.js"></script>
</head>
<body>
<label for="single_send">to single</label><input type="text" id="single_send" onchange="single_send(this)">
<button onclick="single_send()">send</button>
<br>
<label for="single_send">to group join</label><input type="text" id="group_join" onchange="group_join(this)"><br>
<label for="single_send">to group send</label><input type="text" id="group_send" onchange="group_send(this)"><br>
<h1>获取的群组聊天</h1>
<textarea id="group" cols="30" rows="30">


</textarea>
</body>
<script>
    let sdk = new TongSdk("ws://127.0.0.1:8000", "db8d32cfe018");
    // let uuid = "";
    // let msg_template = {uuid: "", room: "", count: 0, u_name: "", body: "", type: -1, body_type: 1}
    const SINGLE = 3, GROUP = 4,
    CREATE = 6, ERROR = 7, NOSEND = 8;
    sdk.onMessage(function (e) {
        console.log(e);
        switch (e.type) {
            case SINGLE:
                break;
            case GROUP:
                break;
            case ERROR:
                break
            case NOSEND:
                break;
            default:
        }
    })
    sdk.onError(function (e) {
        if (e.target.readyState === 3) {
            console.log("连接服务器失败", e);
        }
    })
    // 如果不产地uuid上去 就默认是个临时用户
    // ws.onmessage = e => {
    //     console.log(e);
    //     e = JSON.parse(e.data)
    //     switch (e.type) {
    //         case 6:
    //             uuid = e.uuid;
    //             break;
    //         case 5:
    //             let area = document.getElementById("group");
    //             area.innerText = area.value + "\n" + e.body;
    //             break
    //     }
    // }
    // ws.onerror = e => {
    //     console.log(e);
    // }
    //
    // function P(obj) {
    //     return JSON.stringify(obj)
    // }
    //
    // /*
    // *
    // * type MSG struct {
    //     UUID     string `json:"uuid"`
    //     Room     string `json:"room"`
    //     Count    int    `json:"count"`
    //     UName    string `json:"u_name"`
    //     Body     string `json:"body"`
    //     Type     int    `json:"type"`      // 聊天类型
    //     BodyType int    `json:"body_type"` // 消息类型
    //     }
    // *
    // * */
    // let singleId = ""
    //
    // function single_send(t) {
    //     if (t) {
    //         singleId = t.value;
    //     }
    //     ws.send(P({type: 3, uuid, body: P({to: singleId, msg: {uuid, body: "hello" + Math.random().toString()}})}))
    // }
    //
    // let u_name = "guest" + Math.random() * 10
    //
    // function group_join(t) {
    //     let msg = Object.create(msg_template)
    //     msg.body = JSON.stringify({uuid, group_id: "3331-160ec6b5d46b8ecc-5386-localhost"});
    //     msg.uuid = uuid;
    //     msg.room = "3331-160ec6b5d46b8ecc-5386-localhost";
    //     msg.u_name = u_name;
    //     msg.type = 5
    //     ws.send(P(msg))
    // }
    //
    // function group_send(t) {
    //     let msg = Object.create(msg_template)
    //     msg.body = t.value;
    //     msg.uuid = uuid;
    //     msg.u_name = u_name;
    //     msg.type = 4
    //     msg.room = "3331-160ec6b5d46b8ecc-5386-localhost"
    //     ws.send(P(msg))
    // }

    // let msg = {type:3,uuid:"123"};
    // ws.send(JSON.stringify(msg))
</script>
</html>